﻿<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>Title</title>
	<script src="${pageContext.request.contextPath}/static/js/jquery-3.1.0.js"></script>
	<script>
		$(function() {
			function auto() {
				if(index === 0) {
					$(".carousel-img>ul").animate({
						marginLeft: "-0px"
					},0);
					$(".dot-one").prop("id", "mychecked").siblings().prop("id", null);
				} else if(index === 1) {
					$(".carousel-img>ul").animate({
						marginLeft: "-2698px"
					},0);
					$(".dot-two").prop("id", "mychecked").siblings().prop("id", null);
				} else if(index === 2) {
					$(".carousel-img>ul").animate({
						marginLeft: "-5396px"
					},0);
					$(".dot-three").prop("id", "mychecked").siblings().prop("id", null);
				} else if(index === 3) {
					$(".carousel-img>ul").animate({
						marginLeft: "-8094px"
					});
					$(".dot-four").prop("id", "mychecked").siblings().prop("id", null);
				} else if(index === 4) {
					$(".carousel-img>ul").animate({
						marginLeft: "-10792px"
					});
					$(".dot-five").prop("id", "mychecked").siblings().prop("id", null);
				} else {
					$(".carousel-img>ul").animate({
						marginLeft: "-13490px"
					});
					$(".dot-six").prop("id", "mychecked").siblings().prop("id", null);
				}
				index = (index + 1) % 6;
			}
			var bre = setInterval(auto, 3000);
			var index = 0;
			$(".dot-one").click(function() {
				$(".carousel-img>ul").animate({
					marginLeft: "-0px"
				});
				index = 1;
				clearInterval(bre);
				bre = setInterval(auto, 3000);
			});
			$(".dot-two").click(function() {
				$(".carousel-img>ul").animate({
					marginLeft: "-2698px"
				});
				index = 2;
				clearInterval(bre);
				bre = setInterval(auto, 3000);
			});
			$(".dot-three").click(function() {
				$(".carousel-img>ul").animate({
					marginLeft: "-5396px"
				});
				index = 3;
				clearInterval(bre);
				bre = setInterval(auto, 3000);
			});
			$(".dot-four").click(function() {
				$(".carousel-img>ul").animate({
					marginLeft: "-8094px"
				});
				index = 4;
				clearInterval(bre);
				bre = setInterval(auto, 3000);
			});
			$(".dot-five").click(function() {
				$(".carousel-img>ul").animate({
					marginLeft: "-10792px"
				});
				index = 5;
				clearInterval(bre);
				bre = setInterval(auto, 3000);
			});
			$(".dot-six").click(function() {
				$(".carousel-img>ul").animate({
					marginLeft: "-13490px"
				});
				index = 0;
				clearInterval(bre);
				bre = setInterval(auto, 3000);
			});
			$(".carousel-dot>li").click(function() {
				$(this).prop("id", "mychecked").siblings().prop("id", null);

			});
			$.ajax({
				url: "/header",
				type: "POST"
			});
		});
	</script>
	<link href="${pageContext.request.contextPath}/static/css/index.css" rel="stylesheet" />
</head>

<body>
<div class="head" style="display: block;width: 100%;height: 68px;position: relative;z-index: 2;color: rgba(0,0,0,0)">
	<jsp:include page="header.jsp"/>
</div>
<div class="body" style="z-index: 1;margin-top: -68px">
	<div class="carousel">
		<div class="carousel-img">
			<ul>
				<li><img src="${pageContext.request.contextPath}/static/img/轮播1.jpg" /></li>
				<li><img src="${pageContext.request.contextPath}/static/img/轮播2.jpg" /></li>
				<li><img src="${pageContext.request.contextPath}/static/img/轮播3.jpg" /></li>
				<li><img src="${pageContext.request.contextPath}/static/img/轮播4.jpg" /></li>
				<li><img src="${pageContext.request.contextPath}/static/img/轮播5.jpg" /></li>
				<li><img src="${pageContext.request.contextPath}/static/img/轮播6.jpg" /></li>
			</ul>
		</div>
		<ul class="carousel-dot">
			<li class="dot-one" id="mychecked"></li>
			<li class="dot-two"></li>
			<li class="dot-three"></li>
			<li class="dot-four"></li>
			<li class="dot-five"></li>
			<li class="dot-six"></li>
		</ul>
	</div>
	<div style="position: relative;height: 250px;">
		<ul class="shoulder">
			<a>
				<li>

					<img src="${pageContext.request.contextPath}/static/img/shoulder1.png" /><br/>
					<span>周四福利社</span><br />
					<span class="small">答题赢优惠</span>

				</li>
			</a>
			<a href="">
				<li>

					<img src="${pageContext.request.contextPath}/static/img/shoulder2.png" /><br/>
					<span>魅族 16Xs</span><br />
					<span class="small">低至1499元</span>

				</li>
			</a>
			<a href="">
				<li>
					<img src="${pageContext.request.contextPath}/static/img/shoulder3.png" /><br/>
					<span>魅族 16s</span><br />
					<span class="small">最高直降699元</span>

				</li>
			</a>
			<a href="">
				<li>

					<img src="${pageContext.request.contextPath}/static/img/shoulder4.jpg" /><br/>
					<span>以旧换新</span><br />
					<span class="small">免费寄件 专业检测</span>

				</li>
			</a>
		</ul>
	</div>
	<div class="title">手机</div>
	<div style="text-align: center;">
		<a href="">
			<img src="${pageContext.request.contextPath}/static/img/b53da36e-7550-458f-8612-b0c744dc4bc5.jpg" width="2560px" height="450px" />
		</a>
	</div>
	<div class="thorax">
		<ul class="thorax1">
			<a href="">
				<li>
					<div class="thorax-dot">
						新品
					</div>
					魅族 16Xs
					<div style="font-size: 18px;">4800W AI三摄 | 屏幕下指纹</div>
					<span style="font-size: 14px;">￥</span>
					<span style="font-size: 22px;">1499</span><br />
					<img src="${pageContext.request.contextPath}/static/img/thorax1-1.png" />
				</li>
			</a>
			<a href="">
				<li>
					<div class="thorax-dot">
						直降
					</div>
					魅族 16s
					<div style="font-size: 18px;">骁龙855 4800W光学防抖</div>
					<span style="font-size: 14px;">￥</span>
					<span style="font-size: 22px;">2699</span><br />
					<img src="${pageContext.request.contextPath}/static/img/thorax1-2.png" />
				</li>
			</a>
		</ul>
		<ul class="thorax2">
			<a href="">
				<li>
					<div class="thorax-dot">
						直降
					</div>
					<img src="${pageContext.request.contextPath}/static/img/thorax2-1.png" />
					<div>魅族 Note9</div>
					<div style="font-size: 14px;color: #999999;">骁龙675 后置4800万</div>
					<span style="font-size: 14px;">￥</span>
					<span style="font-size: 22px;">2699</span>
				</li>
			</a>
			<a href="">
				<li>
					<div class="thorax-dot">
						直降
					</div>
					<img src="${pageContext.request.contextPath}/static/img/thorax2-1.png" />
					<div>魅族 Note9</div>
					<div style="font-size: 14px;color: #999999;">骁龙675 后置4800万</div>
					<span style="font-size: 14px;">￥</span>
					<span style="font-size: 22px;">2699</span>
				</li>
			</a>
			<a href="">
				<li>
					<div class="thorax-dot">
						直降
					</div>
					<img src="${pageContext.request.contextPath}/static/img/thorax2-1.png" />
					<div>魅族 Note9</div>
					<div style="font-size: 14px;color: #999999;">骁龙675 后置4800万</div>
					<span style="font-size: 14px;">￥</span>
					<span style="font-size: 22px;">2699</span>
				</li>
			</a>
			<a href="">
				<li>
					<div class="thorax-dot">
						直降
					</div>
					<img src="${pageContext.request.contextPath}/static/img/thorax2-1.png" />
					<div>魅族 Note9</div>
					<div style="font-size: 14px;color: #999999;">骁龙675 后置4800万</div>
					<span style="font-size: 14px;">￥</span>
					<span style="font-size: 22px;">2699</span>
				</li>
			</a>
		</ul>
		<ul class="thorax2">
			<a href="">
				<li>
					<div class="thorax-dot">
						直降
					</div>
					<img src="${pageContext.request.contextPath}/static/img/thorax2-1.png" />
					<div>魅族 Note9</div>
					<div style="font-size: 14px;color: #999999;">骁龙675 后置4800万</div>
					<span style="font-size: 14px;">￥</span>
					<span style="font-size: 22px;">2699</span>
				</li>
			</a>
			<a href="">
				<li>
					<div class="thorax-dot">
						直降
					</div>
					<img src="${pageContext.request.contextPath}/static/img/thorax2-1.png" />
					<div>魅族 Note9</div>
					<div style="font-size: 14px;color: #999999;">骁龙675 后置4800万</div>
					<span style="font-size: 14px;">￥</span>
					<span style="font-size: 22px;">2699</span>
				</li>
			</a>
			<a href="">
				<li>
					<div class="thorax-dot">
						直降
					</div>
					<img src="${pageContext.request.contextPath}/static/img/thorax2-1.png" />
					<div>魅族 Note9</div>
					<div style="font-size: 14px;color: #999999;">骁龙675 后置4800万</div>
					<span style="font-size: 14px;">￥</span>
					<span style="font-size: 22px;">2699</span>
				</li>
			</a>
			<a href="">
				<li>
					<div class="thorax-dot">
						直降
					</div>
					<img src="${pageContext.request.contextPath}/static/img/thorax2-1.png" />
					<div>魅族 Note9</div>
					<div style="font-size: 14px;color: #999999;">骁龙675 后置4800万</div>
					<span style="font-size: 14px;">￥</span>
					<span style="font-size: 22px;">2699</span>
				</li>
			</a>
		</ul>
	</div>
	<div class="title">魅族声学</div>
	<div style="text-align: center;">
		<a href="">
			<img src="${pageContext.request.contextPath}/static/img/魅族声学.jpg" width="2560px" height="450px" />
		</a>
	</div>
	<div class="thorax">
		<ul class="thorax2">
			<a href="">
				<li style="background-image: url(${pageContext.request.contextPath}/static/img/mzsx1.jpg);background-size:100%;">
					<div class="a1">
						魅族 HIFI 解码耳放
					</div>
					<div class="a2">
						高性能DAC芯片
					</div>
					<div class="a3">
						￥169
					</div>
				</li>
			</a>
			<a href="">
				<li>
					<div class="thorax-dot">
						直降
					</div>
					<img src="${pageContext.request.contextPath}/static/img/erji1.png" />
					<div>魅族 HALO 激光蓝牙耳机</div>
					<div style="font-size: 14px;color: #999999;">夜跑神器 随性张扬</div>
					<span style="font-size: 14px;">￥</span>
					<span style="font-size: 22px;">469</span>
					<span style="font-size: 14px;color: #666666;text-decoration: line-through;">￥999</span>
				</li>
			</a>
			<a href="">
				<li>
					<div class="thorax-dot">
						直降
					</div>
					<img src="${pageContext.request.contextPath}/static/img/erji1.png" />
					<div>魅族 HALO 激光蓝牙耳机</div>
					<div style="font-size: 14px;color: #999999;">夜跑神器 随性张扬</div>
					<span style="font-size: 14px;">￥</span>
					<span style="font-size: 22px;">469</span>
					<span style="font-size: 14px;color: #666666;text-decoration: line-through;">￥999</span>
				</li>
			</a>
			<a href="">
				<li>
					<div class="thorax-dot">
						直降
					</div>
					<img src="${pageContext.request.contextPath}/static/img/erji1.png" />
					<div>魅族 HALO 激光蓝牙耳机</div>
					<div style="font-size: 14px;color: #999999;">夜跑神器 随性张扬</div>
					<span style="font-size: 14px;">￥</span>
					<span style="font-size: 22px;">469</span>
					<span style="font-size: 14px;color: #666666;text-decoration: line-through;">￥999</span>
				</li>
			</a>
		</ul>
		<ul class="thorax2">
			<a href="">
				<li style="background-image: url(${pageContext.request.contextPath}/static/img/mzsx1.jpg);background-size:100%;">
					<div class="a1">
						魅族 HIFI 解码耳放
					</div>
					<div class="a2">
						高性能DAC芯片
					</div>
					<div class="a3">
						￥169
					</div>
				</li>
			</a>
			<a href="">
				<li>
					<div class="thorax-dot">
						直降
					</div>
					<img src="${pageContext.request.contextPath}/static/img/erji1.png" />
					<div>魅族 HALO 激光蓝牙耳机</div>
					<div style="font-size: 14px;color: #999999;">夜跑神器 随性张扬</div>
					<span style="font-size: 14px;">￥</span>
					<span style="font-size: 22px;">469</span>
					<span style="font-size: 14px;color: #666666;text-decoration: line-through;">￥999</span>
				</li>
			</a>
			<a href="">
				<li>
					<div class="thorax-dot">
						直降
					</div>
					<img src="${pageContext.request.contextPath}/static/img/erji1.png" />
					<div>魅族 HALO 激光蓝牙耳机</div>
					<div style="font-size: 14px;color: #999999;">夜跑神器 随性张扬</div>
					<span style="font-size: 14px;">￥</span>
					<span style="font-size: 22px;">469</span>
					<span style="font-size: 14px;color: #666666;text-decoration: line-through;">￥999</span>
				</li>
			</a>
			<a href="">
				<li>
					<div class="thorax-dot">
						直降
					</div>
					<img src="${pageContext.request.contextPath}/static/img/erji1.png" />
					<div>魅族 HALO 激光蓝牙耳机</div>
					<div style="font-size: 14px;color: #999999;">夜跑神器 随性张扬</div>
					<span style="font-size: 14px;">￥</span>
					<span style="font-size: 22px;">469</span>
					<span style="font-size: 14px;color: #666666;text-decoration: line-through;">￥999</span>
				</li>
			</a>
		</ul>
	</div>
	<div class="title">智能配件</div>
	<div style="text-align: center;">
		<a href="">
			<img src="${pageContext.request.contextPath}/static/img/智能配件.jpg" width="2560px" height="450px" />
		</a>
	</div>
	<div class="thorax">
		<ul class="thorax2">
			<a href="">
				<li style="background-image: url(${pageContext.request.contextPath}/static/img/znpj1.jpg);background-size:100%;">
					<div class="a1">
						快充电源适配器
					</div>
					<div class="a2">
						快速充电 安全无忧
					</div>
					<div class="a4">
						￥69<s>￥88</s>
					</div>
				</li>
			</a>
			<a href="">
				<li>
					<img src="${pageContext.request.contextPath}/static/img/Type-C.png" />
					<div>魅族 Type-C 金属数据线</div>
					<div style="font-size: 14px;color: #999999;">支持2A快速充电 耐用又放心</div>
					<span style="font-size: 14px;">￥</span>
					<span style="font-size: 22px;">39</span>
				</li>
			</a>
			<a href="">
				<li>
					<img src="${pageContext.request.contextPath}/static/img/Type-C.png" />
					<div>魅族 Type-C 金属数据线</div>
					<div style="font-size: 14px;color: #999999;">支持2A快速充电 耐用又放心</div>
					<span style="font-size: 14px;">￥</span>
					<span style="font-size: 22px;">39</span>
				</li>
			</a>
			<a href="">
				<li>
					<img src="${pageContext.request.contextPath}/static/img/Type-C.png" />
					<div>魅族 Type-C 金属数据线</div>
					<div style="font-size: 14px;color: #999999;">支持2A快速充电 耐用又放心</div>
					<span style="font-size: 14px;">￥</span>
					<span style="font-size: 22px;">39</span>
				</li>
			</a>
		</ul>
		<ul class="thorax2">
			<a href="">
				<li style="background-image: url(${pageContext.request.contextPath}/static/img/znpj1.jpg);background-size:100%;">
					<div class="a1">
						快充电源适配器
					</div>
					<div class="a2">
						快速充电 安全无忧
					</div>
					<div class="a4">
						￥69<s>￥88</s>
					</div>
				</li>
			</a>
			<a href="">
				<li>
					<img src="${pageContext.request.contextPath}/static/img/Type-C.png" />
					<div>魅族 Type-C 金属数据线</div>
					<div style="font-size: 14px;color: #999999;">支持2A快速充电 耐用又放心</div>
					<span style="font-size: 14px;">￥</span>
					<span style="font-size: 22px;">39</span>
				</li>
			</a>
			<a href="">
				<li>
					<img src="${pageContext.request.contextPath}/static/img/Type-C.png" />
					<div>魅族 Type-C 金属数据线</div>
					<div style="font-size: 14px;color: #999999;">支持2A快速充电 耐用又放心</div>
					<span style="font-size: 14px;">￥</span>
					<span style="font-size: 22px;">39</span>
				</li>
			</a>
			<a href="">
				<li>
					<img src="${pageContext.request.contextPath}/static/img/Type-C.png" />
					<div>魅族 Type-C 金属数据线</div>
					<div style="font-size: 14px;color: #999999;">支持2A快速充电 耐用又放心</div>
					<span style="font-size: 14px;">￥</span>
					<span style="font-size: 22px;">39</span>
				</li>
			</a>
		</ul>
	</div>
	<div class="title">生活周边 </div>
	<div style="text-align: center;">
		<a href="">
			<img src="${pageContext.request.contextPath}/static/img/生活周边.jpg" width="2560px" height="450px" />
		</a>
	</div>
	<div class="thorax">
		<ul class="thorax2">
			<a href="">
				<li style="background-image: url(${pageContext.request.contextPath}/static/img/shzb1.jpg);background-size:100%;">
					<div class="a1">
						魅族极简都市双肩包
					</div>
					<div class="a2">
						650D高耐磨牛津布 大容量多功能收纳
					</div>
					<div class="a5">
						￥179
					</div>
				</li>
			</a>
			<a href="">
				<li>
					<img src="${pageContext.request.contextPath}/static/img/帆布袋.png" />
					<div>魅族星球探索 帆布袋</div>
					<div style="font-size: 14px;color: #999999;">星球无限 追求不止</div>
					<span style="font-size: 14px;">￥</span>
					<span style="font-size: 22px;">69</span>
				</li>
			</a>
			<a href="">
				<li>
					<img src="${pageContext.request.contextPath}/static/img/帆布袋.png" />
					<div>魅族星球探索 帆布袋</div>
					<div style="font-size: 14px;color: #999999;">星球无限 追求不止</div>
					<span style="font-size: 14px;">￥</span>
					<span style="font-size: 22px;">69</span>
				</li>
			</a>
			<a href="">
				<li>
					<img src="${pageContext.request.contextPath}/static/img/帆布袋.png" />
					<div>魅族星球探索 帆布袋</div>
					<div style="font-size: 14px;color: #999999;">星球无限 追求不止</div>
					<span style="font-size: 14px;">￥</span>
					<span style="font-size: 22px;">69</span>
				</li>
			</a>
		</ul>
		<ul class="thorax2">
			<a href="">
				<li style="background-image: url(${pageContext.request.contextPath}/static/img/shzb1.jpg);background-size:100%;">
					<div class="a1">
						魅族极简都市双肩包
					</div>
					<div class="a2">
						650D高耐磨牛津布 大容量多功能收纳
					</div>
					<div class="a5">
						￥179
					</div>
				</li>
			</a>
			<a href="">
				<li>
					<img src="${pageContext.request.contextPath}/static/img/帆布袋.png" />
					<div>魅族星球探索 帆布袋</div>
					<div style="font-size: 14px;color: #999999;">星球无限 追求不止</div>
					<span style="font-size: 14px;">￥</span>
					<span style="font-size: 22px;">69</span>
				</li>
			</a>
			<a href="">
				<li>
					<img src="${pageContext.request.contextPath}/static/img/帆布袋.png" />
					<div>魅族星球探索 帆布袋</div>
					<div style="font-size: 14px;color: #999999;">星球无限 追求不止</div>
					<span style="font-size: 14px;">￥</span>
					<span style="font-size: 22px;">69</span>
				</li>
			</a>
			<a href="">
				<li>
					<img src="${pageContext.request.contextPath}/static/img/帆布袋.png" />
					<div>魅族星球探索 帆布袋</div>
					<div style="font-size: 14px;color: #999999;">星球无限 追求不止</div>
					<span style="font-size: 14px;">￥</span>
					<span style="font-size: 22px;">69</span>
				</li>
			</a>
		</ul>
	</div>
	<div class="title">社区热贴 </div>
	<div class="thorax">
		<ul class="thorax3">
			<a href="">
				<li>
					<img src="${pageContext.request.contextPath}/static/img/社区热贴1.jpg"/>
					<div class="usear-header"></div>
					<div class="usear-id">用户2240504</div>
					<p>魅族 Note9 邀请函 JK 服妹子出镜，谁才是最美游戏姬？</p>
					<span>魅族 Note9</span>
				</li>
			</a>
			<a href="">
				<li>
					<img src="${pageContext.request.contextPath}/static/img/社区热贴1.jpg"/>
					<div class="usear-header"></div>
					<div class="usear-id">用户2240504</div>
					<p>魅族 Note9 邀请函 JK 服妹子出镜，谁才是最美游戏姬？</p>
					<span>魅族 Note9</span>
				</li>
			</a>
			<a href="">
				<li>
					<img src="${pageContext.request.contextPath}/static/img/社区热贴1.jpg"/>
					<div class="usear-header"></div>
					<div class="usear-id">用户2240504</div>
					<p>魅族 Note9 邀请函 JK 服妹子出镜，谁才是最美游戏姬？</p>
					<span>魅族 Note9</span>
				</li>
			</a>
			<a href="">
				<li>
					<img src="${pageContext.request.contextPath}/static/img/社区热贴1.jpg"/>
					<div class="usear-header"></div>
					<div class="usear-id">用户2240504</div>
					<p>魅族 Note9 邀请函 JK 服妹子出镜，谁才是最美游戏姬？</p>
					<span>魅族 Note9</span>
				</li>
			</a>
		</ul>
		<ul class="thorax3">
			<a href="">
				<li>
					<img src="${pageContext.request.contextPath}/static/img/社区热贴1.jpg"/>
					<div class="usear-header"></div>
					<div class="usear-id">用户2240504</div>
					<p>魅族 Note9 邀请函 JK 服妹子出镜，谁才是最美游戏姬？</p>
					<span>魅族 Note9</span>
				</li>
			</a>
			<a href="">
				<li>
					<img src="${pageContext.request.contextPath}/static/img/社区热贴1.jpg"/>
					<div class="usear-header"></div>
					<div class="usear-id">用户2240504</div>
					<p>魅族 Note9 邀请函 JK 服妹子出镜，谁才是最美游戏姬？</p>
					<span>魅族 Note9</span>
				</li>
			</a>
			<a href="">
				<li>
					<img src="${pageContext.request.contextPath}/static/img/社区热贴1.jpg"/>
					<div class="usear-header"></div>
					<div class="usear-id">用户2240504</div>
					<p>魅族 Note9 邀请函 JK 服妹子出镜，谁才是最美游戏姬？</p>
					<span>魅族 Note9</span>
				</li>
			</a>
			<a href="">
				<li>
					<img src="${pageContext.request.contextPath}/static/img/社区热贴1.jpg"/>
					<div class="usear-header"></div>
					<div class="usear-id">用户2240504</div>
					<p>魅族 Note9 邀请函 JK 服妹子出镜，谁才是最美游戏姬？</p>
					<span>魅族 Note9</span>
				</li>
			</a>
		</ul>
	</div>
	<div class="title">Flyme </div>
	<div class="thorax">
		<ul class="thorax4">
			<a href="">
				<li>
					<div><img src="${pageContext.request.contextPath}/static/img/Flyme2.jpg" /></div>
					<span>管理手机妙招</span>
				</li>
			</a>
			<a href="">
				<li>
					<div><img src="${pageContext.request.contextPath}/static/img/Flyme2.jpg" /></div>
					<span>管理手机妙招</span>
				</li>
			</a><a href="">
			<li>
				<div><img src="${pageContext.request.contextPath}/static/img/Flyme2.jpg" /></div>
				<span>管理手机妙招</span>
			</li>
		</a><a href="">
			<li>
				<div><img src="${pageContext.request.contextPath}/static/img/Flyme2.jpg" /></div>
				<span>管理手机妙招</span>
			</li>
		</a>
		</ul>
		<ul class="thorax4">
			<a href="">
				<li>
					<div><img src="${pageContext.request.contextPath}/static/img/Flyme2.jpg" /></div>
					<span>管理手机妙招</span>
				</li>
			</a>
			<a href="">
				<li>
					<div><img src="${pageContext.request.contextPath}/static/img/Flyme2.jpg" /></div>
					<span>管理手机妙招</span>
				</li>
			</a><a href="">
			<li>
				<div><img src="${pageContext.request.contextPath}/static/img/Flyme2.jpg" /></div>
				<span>管理手机妙招</span>
			</li>
		</a><a href="">
			<li>
				<div><img src="${pageContext.request.contextPath}/static/img/Flyme2.jpg" /></div>
				<span>管理手机妙招</span>
			</li>
		</a>
		</ul>
	</div>
	<div class="title">精彩视频</div>
	<div class="thorax">
		<ul class="thorax4">
			<a href="">
				<li>
					<div><img src="${pageContext.request.contextPath}/static/img/精彩视频1.jpg" /></div>
					<span>极边全面屏 三摄长续航：魅族 16Xs 手机</span>
				</li>
			</a>
			<a href="">
				<li>
					<div><img src="${pageContext.request.contextPath}/static/img/精彩视频1.jpg" /></div>
					<span>极边全面屏 三摄长续航：魅族 16Xs 手机</span>
				</li>
			</a><a href="">
			<li>
				<div><img src="${pageContext.request.contextPath}/static/img/精彩视频1.jpg" /></div>
				<span>极边全面屏 三摄长续航：魅族 16Xs 手机</span>
			</li>
		</a><a href="">
			<li>
				<div><img src="${pageContext.request.contextPath}/static/img/精彩视频1.jpg" /></div>
				<span>极边全面屏 三摄长续航：魅族 16Xs 手机</span>
			</li>
		</a>
		</ul>
		<ul class="thorax4">
			<a href="">
				<li>
					<div><img src="${pageContext.request.contextPath}/static/img/精彩视频1.jpg" /></div>
					<span>极边全面屏 三摄长续航：魅族 16Xs 手机</span>
				</li>
			</a><a href="">
			<li>
				<div><img src="${pageContext.request.contextPath}/static/img/精彩视频1.jpg" /></div>
				<span>极边全面屏 三摄长续航：魅族 16Xs 手机</span>
			</li>
		</a><a href="">
			<li>
				<div><img src="${pageContext.request.contextPath}/static/img/精彩视频1.jpg" /></div>
				<span>极边全面屏 三摄长续航：魅族 16Xs 手机</span>
			</li>
		</a><a href="">
			<li>
				<div><img src="${pageContext.request.contextPath}/static/img/精彩视频1.jpg" /></div>
				<span>极边全面屏 三摄长续航：魅族 16Xs 手机</span>
			</li>
		</a>
		</ul>
	</div>
	<div class="title"></div>
</div>
</body>

</html>